@charset "utf-8";



html {

  -webkit-font-smoothing: antialiased;

}



blockquote,

body,

code,

dd,

div,

dl,

dt,

fieldset,

form,

h1,

h2,

h3,

h4,

h5,

h6,

input,

legend,

li,

ol,

p,

pre,

td,

textarea,

th,

ul {

  margin: 0;

  padding: 0;

  font-family: Arial, Microsoft Yahei;

}



header,

hgroup,

nav,

menu,

main,

section,

article,

summary,

details,

aside,

figure,

figcaption,

footer {

  display: block;

  margin: 0;

  padding: 0;

}



table {

  border-collapse: collapse;

  border-spacing: 0;

}



table,

th,

td {

  border: 1px solid black;

}



fieldset,

img {

  border: 0;

}



address,

caption,

cite,

code,

dfn,

em,

var {

  font-style: normal;

  font-weight: 400;

}



dl,

ol,

ul {

  list-style-type: none;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-size: 100%;

  font-weight: 400;

}



a {

  text-decoration: none;

}



a:hover {

  text-decoration: none;

  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);

  outline: 0;

  outline: none;

}



a:focus,

a:hover,

a:active {

  outline: none;

}



button,

input[type="button"],

input[type="submit"],

input[type="text"] {

  -webkit-appearance: none;

  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);

  outline: 0;

}



sup {

  vertical-align: text-top;

}



sub {

  vertical-align: text-bottom;

}



textarea {

  resize: none;

  font-family: Arial, Microsoft Yahei;

}



img {

  vertical-align: middle;

  height: auto;

}



#web-ietip {

  width: 526px;

  height: 90px;

  padding: 83px 0 0 84px;

  overflow: hidden;

  background: url(../images/browser.png) no-repeat center center;

  margin: 200px auto 0;

}



#web-ietip a {

  display: block;

  width: 65px;

  height: 80px;

  float: left;

}



.ellipsis {

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}



.eps2 {

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

}



.eps3 {

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

}



body {

  color: #000;

  line-height: 1;

  min-width: 1200px;

  box-sizing: border-box;

  overflow-x: auto !important;

}



img {

  vertical-align: middle;

  height: auto;

}



.fl {

  float: left;

}



.fr {

  float: right;

}



.clearfix:after {

  content: ".";

  display: block;

  height: 0;

  clear: both;

  visibility: hidden;

  line-height: 0;

  font-size: 0;

}



.w {

  width: 1200px;

  margin: 0 auto;

  overflow: hidden;

}



.w1 {

  width: 1200px;

  margin: 0 auto;

}



/* 头部 */

header {

  width: 100%;

}



.h-a {

  width: 100%;

  background-color: #111111;

}



.h-a .a-b {

  width: 1200px;

  height: 40px;

  line-height: 40px;

  margin: 0 auto;

}



.h-a .a-b .wxfx {

  position: relative;

}



.h-a .a-b .wxfx1 {

  display: none;

  border: 1px solid #eee;

  position: absolute;

  z-index: 9;

  top: 45px;

  left: -84px;

  width: 200px;

  height: 198px;

  color: #666;

  text-align: center;

  background-color: #fff;

  box-shadow: 0 2px 10px #aaa;

  transition: all 200ms;

}



.h-a .a-b .wxfx1:after {

  content: '';

  position: absolute;

  top: -21px;

  left: 50%;

  margin-left: -10px;

  width: 0;

  height: 0;

  border-top: 10px solid transparent;

  border-right: 10px solid transparent;

  border-bottom: 10px solid #f3f3f3;

  border-left: 10px solid transparent;

}



.h-a .a-b .wxfx:hover .wxfx1 {

  display: block;

}



.h-a .a-b .wxfx11 {

  height: 26px;

  line-height: 26px;

  font-size: 12px !important;

  background-color: #f3f3f3;

  text-align: center;

  color: #777;

}



.h-a .a-b .wxfx12 {

  width: 100%;

}



.h-a .a-b .wxfx12 img {

  width: 80%;

}



.h-a .a-b li {

  height: 40px;

  line-height: 40px;

  float: left;

}



.h-a .a-b li a {

  margin: 0;

  font-size: 14px;

  color: #ffffff;

}



.h-a .a-b li a span {

  margin-left: 12px;

}



.h-a .a-b li a:hover {

  color: #d82128;

}



.h-a .a-b .link {

  width: 1px;

  height: 14px;

  margin: 12px 17px;

  background: #444444;

}



.h-b {

  width: 100%;

  position: relative;

}



.h-b .heander-box {

  width: 1200px;

  height: 80px;

  line-height: 80px;

  margin: 0 auto;

}



.h-b .heander-box .b-left {

  position: absolute;

}



.h-b .heander-box .b-left .img-a img {

  margin-right: 20px;

  width: 190px;

}



.h-b .heander-box .b-left .img-b img {

  width: 135px;

}



.h-b .heander-box .b-right {

  position: relative;

}



.h-b .heander-box .b-right .item {
position: relative;
  float: left;

  font-size: 16px;

  color: #333333;

  padding: 0 7px;

  cursor: pointer;



}



.h-b .heander-box .b-right .item:hover {

  color: #d82128;

}



.h-b .heander-box .b-right .item:hover span {

  color: #d82128;

}



.h-b .heander-box .b-right .item:hover .text {

  display: block;

}



.h-b .heander-box .b-right .item:hover .text9 {

  display: block;

}



.h-b .heander-box .b-right .item:last-child {

  padding-right: 0;

}



.h-b .heander-box .b-right .item span {

  color: #333333;

}



.h-b .heander-box .b-right .item .text {

  display: none;

  position: absolute;

  top: 80px;

  line-height: 80px;

  background-color: #111111;

  opacity: 0.7;

  z-index: 98;

  white-space: nowrap;

}



.h-b .heander-box .b-right .item .text .texts {

  display: inline-block;

  padding: 0 15px;

  font-size: 15px;

  color: #fff;

}



.h-b .heander-box .b-right .item .text .texts:hover {

  color: #d82128;

}



.h-b .heander-box .b-right .item .text .active1 {

  color: #d82128;

}



.h-b .heander-box .b-right .item .text9 {
white-space: nowrap;
  display: none;

  position: absolute;

  top: 80px;

  line-height: 80px;

  background-color: #111111;

  opacity: 0.7;

  z-index: 98;

}



.h-b .heander-box .b-right .item .text9 .texts {

  display: inline-block;

  padding: 0 15px;

  font-size: 15px;

  color: #fff;

}



.h-b .heander-box .b-right .item .text9 .texts:hover {

  color: #d82128;

}



.h-b .heander-box .b-right .item .text3 {

  /* left: 196px; */
  left: 0;


}



.h-b .heander-box .b-right .item .text-a {

  /* left: 67px; */
  left: 0;

}



.h-b .heander-box .b-right .item .text-b {

  right: 0;

}



.h-b .heander-box .b-right .item .text4 {

  /* left: 316px; */
  left: 0;

}



.h-b .heander-box .b-right .item .text5 {

  /* left: 403px; */
  left: 0;

}



.h-b .heander-box .b-right .item .text6 {

  /* right: 267px; */
  right: 0;

}



.h-b .heander-box .b-right .item .text7 {

  /* right: 181px; */
  right: 0;

}



.h-b .heander-box .b-right .item .text8 {

  /* right: 86px; */
  right: 0;

}





/* .h-b .heander-box .b-right .active1 .text,

.h-b .heander-box .b-right .active1 .text9 {

  display: block;

} */

/* 下载App */

.show {

  position: fixed;

  z-index: 98;

  top: 60%;

  right: 0;

}



.show .show-a .img1 {

  display: none;

  width: 40px;

  height: 40px;

  text-align: center;

  background: #999;

}



.show .show-a .img1 img {

  margin-top: 10px;

}



.show .show-a .img2 {

  width: 20px;

  height: 20px;

  position: absolute;

  top: 5px;

  right: 6px;

  z-index: 98;

  display: block;

  /* line-height: 40px; */

  text-align: center;

}



.show .show-a .img2 img {

  width: 20px;



}



.download {

  position: absolute;

  top: 0;

  right: 0;

  width: 170px;

  height: 285px;

  background-color: #333333;

  border-radius: 10px;

}



.active .download {

  display: none;

}



.active .show-a .img1 {

  display: block;

}



.active .show-a .img2 {

  display: none;

}





.download .item {

  text-align: center;

  margin: 30px 0 0 10px;

  width: 150px;

  height: 178px;

  background: #fff;

}



.download .item>img {

  margin: 8px 0;

  width: 135px;

}



.download .item p {

  font-size: 16px;

  color: #333333;

}



.download .button {

  display: block;

  width: 150px;

  height: 40px;

  margin-top: 10px;

  line-height: 40px;

  text-align: center;

  font-size: 16px;

  color: #ffffff;

  background-color: #d40000;

  border-radius: 0px 0px 5px 5px;

}



.download .button .img {

  margin-left: 10px;

}



.download .icon {

  display: block;

  width: 25px;

  height: 25px;

  line-height: 22px;

  text-align: center;

  margin-top: 46px;

  border-radius: 50%;

  background-color: red;

  cursor: pointer;

}



.download .icon-1 {

  margin-left: 10px;

}



.download .icon-2 {

  margin-left: 100px;

}



.download .icon img {

  width: 7px;

}



.download .icon:hover {

  background: skyblue;

}



/* 底部 */

.f-a {

  height: 120px;

  background-color: #f3f3f3;

}



.f-a .a-left a {

  line-height: 120px;

  font-size: 18px;

  color: #333333;

  margin-right: 60px;

}



.f-a .a-left a:hover {

  color: #d82128;

}



.f-a .a-right .text {

  line-height: 120px;

  font-size: 16px;

  color: #333333;

  margin-left: 40px;

}



.f-b {

  height: 130px;

  background: #000;

}



.f-b .a-left {

  padding-top: 30px;

  float: left;

}



.f-b .a-left span {

  line-height: 35px;

  display: block;

  font-size: 16px;

  color: #ffffff;

  margin-right: 8px;

}



.f-b .a-right img {

  margin-top: 45px;

  margin-left: 42px;

}



.complain {

  color: #333333;

  display: inline-block;

  cursor: pointer;

}



.complain:hover {

  color: #d82128;

}



/* 投诉建议弹窗 */

.suggest {

  width: 100%;

  height: 100%;

  position: fixed;

  left: 0;

  top: 0;

  background-color: rgba(0, 0, 0, 0.6);

  transition: all .3s;

}



.suggest p {

  width: 100%;

  text-align: center;

  font-size: 20px;

  font-weight: 900;

  line-height: 90px;

}



.suggest .form {

  padding: 20px;

  padding-top: 0;

  opacity: 1;

  display: block;

  width: 1200px;

  margin: 0 auto;

  position: absolute;

  left: 50%;

  margin-left: -600px;

  background: #ffffff;

  top: 100px;



}



.suggest .close {

  position: absolute;

  top: 5px;

  right: 5px;

  width: 30px;

  cursor: pointer;

  text-align: center;

  line-height: 30px;

  height: 30px;

  border-radius: 50%;

  background: #999999;

}



.suggest .close>img {

  width: 20px;

  height: 20px;

}



.suggest .item {

  display: inline-block;

  font-size: 16px;

  color: #333333;

  margin-bottom: 20px;

  margin-left: 40px;

}



.suggest input[type=text] {

  outline: none;

  border: none;

  font-size: 14px;

  line-height: 28px;

  width: 447px;

  height: 40px;

  text-indent: 12px;

  color: #333;

  border: 1px solid #999999;

  margin-left: 20px;

}



.srk {

  margin-bottom: 40px;

}



.srk .text {

  float: left;

  font-size: 16px;

  margin-top: 17px;

  color: #333333;

}





textarea {

  float: left;

  padding: 10px;

  width: 980px;

  height: 300px;

  margin-left: 10px;

  font-size: 14px;

  line-height: 20px;

  border: solid 1px #dcdcdc;

  outline: none;

  resize: none;

}



.submit {

  width: 100%;

  text-align: center;

}



.submit>input {

  outline: none;

  border: none;

  width: 170px;

  height: 55px;

  line-height: 55px;

  cursor: pointer;

  text-align: center;

  background-color: #d82128;

  font-size: 14px;

  color: #ffffff;

}



.submit>input:hover {

  font-size: 20px;

}



/* 首页轮播图 */

.slick {

  margin-bottom: 30px;

}



.slick .item {

  width: 100%;

  /* height: calc(100vh - 340px); */

  position: relative;

}



.slick .item img {

  width: 100%;

}



.slick .item .text {

  width: 1200px;

  height: 100%;

  position: absolute;

  top: 180px;

  left: 0;

  right: 0;

  margin-left: auto;

  margin-right: auto;

}



.slick .item .text .text1 {

  font-size: 80px;

  color: #d82128;

  margin-bottom: 33px;

}



.slick .item .text .text1 span {

  font-size: 75px;

  color: #ffffff;

}



.slick .item .text .text2 {

  font-size: 20px;

  color: #ffffff;

  margin-bottom: 50px;

}



.slick .item .text .text3 {

  display: block;

  width: 164px;

  height: 54px;

  line-height: 54px;

  text-align: center;

  background-color: #ffffff;

  color: #d82128;

  box-shadow: 0px 5px 15px 0px rgba(209, 173, 157, 0.6);

  border-radius: 2px;

}



.slick .item .text .text3:hover {

  background: #d82128;

  color: #fff;

}



.slick .slick-dots {

  position: absolute;

  left: 50%;
  transform: translate(-50%,0);

  bottom: 20px;


}



.slick .slick-dots li {
  display: inline-block;
  vertical-align: middle;
  width: 15px;

  height: 15px;

  border-radius: 50%; 
  margin: 0 15px;

  background-color: #000;

}



.slick .slick-dots .slick-active {

  background: #d82128;

}



/* 最要公告 */

.a-a {

  /* 最要公告 */

  position: relative;

  height: 60px;

  line-height: 60px;

  padding: 0 30px 0 20px;

  margin-bottom: 68px;

  background-color: #fafafa;

  border: solid 1px #eeeeee;

}



.a-a .announcement-a {

  position: relative;

  width: 91px;

  height: 34px;

  line-height: 34px;

  text-align: center;

  font-size: 16px;

  color: #ffffff;

  margin-top: 13px;

  margin-right: 24px;

  background-color: #d82128;

  border-radius: 3px;

}



.a-a .announcement-a span {

  position: absolute;

  top: 50%;

  right: -8px;

  width: 0;

  height: 0;

  margin-top: -4px;

  border-top: 4px solid transparent;

  border-right: 4px solid transparent;

  border-bottom: 4px solid transparent;

  border-left: 4px solid #d82128;

}



.a-a .announcement-b {

  width: 760px;

  font-size: 16px;

  color: #333333;

  margin-right: 64px;

}



.a-a .announcement-b:hover {

  color: #d82128;

}



.a-a .announcement-c {

  font-size: 16px;

  color: #999999;

}



.a-a .announcement-d {

  position: absolute;

  top: 0px;

  right: 66px;

  font-size: 16px;

  color: #333333;

}



.a-a .announcement-d:hover {

  color: #d82128;

}



.a-a .announcement-e {

  position: absolute;

  top: 0px;

  right: 24px;

  cursor: pointer;

  font-size: 12px;

  color: #999999;

}



/* 我行动态 */

.w1 {

  width: 1200px;

  margin: 0 auto;

}



.b-a {

  margin-bottom: 60px;

  position: relative;

}



.b-b .boxs .boxs1 {

  height: 330px;

  overflow: hidden;

}





.b-a .b-b .b-c3 {

  position: absolute;

  top: 0;

  right: 300px;

  display: block;

  font-size: 18px;

  margin-right: 10px;

  margin-top: 20px;

  color: #d82128;

}



.b-a .b-b .b-c {

  height: 38px;

  width: 900px;

  border-bottom: 1px solid #e2e2e2;

  margin-bottom: 25px;

}



.b-g {

  position: absolute;

  top: 0;

  right: 0;

  width: 270px;

}



.b-a .b-b .b-c .b-c1 {

  width: 6px;

  height: 26px;

  margin-right: 23px;

  background-color: #d82128;

}



.b-a .b-b .b-c .b-c2 {

  font-size: 22px;

  margin-top: 4px;

  margin-right: 35px;

  color: #333333;

  cursor: pointer;

}



.b-a .b-b .b-c .active {

  position: relative;

  margin-top: -4px;

  font-size: 24px;

  height: 42px;

}



.b-a .b-b .b-c .active:after {

  content: "";

  position: absolute;

  left: 18%;

  bottom: 0;

  width: 60px;

  height: 4px;

  background-color: #d82128;

}



.b-a .b-b .b-d .img {

  margin: 0 30px 30px 0;

  transform: scale(1.001);

  transition: all 0.5s ease 0s;

}



.b-a .b-b .b-d .img img {

  width: 230px;

  height: 130px;

}



.b-a .b-b .b-d .img:hover {

  transform: scale(1.101);

  transition: all 0.5s ease 0s;

}



.b-a .b-b .b-d .text1 {

  font-size: 20px;

  color: #333333;

  margin-bottom: 20px;

}



.b-a .b-b .b-d .text1 img {

  width: 6px;

  height: 9px;

  margin-right: 15px;

}



.b-a .b-b .b-d .text1:hover {

  color: #d82128;

}



.b-a .b-b .b-d .text2 {

  width: 602px;

  font-size: 16px;

  line-height: 30px;

  color: #666666;

}



.b-a .b-b .b-d .text3 {

  padding-top: 8px;

  font-size: 16px;

  color: #999999;

}



.b-a .b-b .b-e {

  width: 900px;

  padding-top: 4px;

}





.b-a .b-b .b-e .b-f {

  display: block;

  margin-bottom: 34px;

}



.b-a .b-b .b-e1 .b-f {

  margin-bottom: 34px;

}



.b-a .b-b .b-e .b-f .b-f-l .text {

  margin-top: -3px;

  float: left;

  font-size: 18px;

  color: #333333;

}



.b-a .b-b .b-e .b-f .b-f-l .img1 {

  float: left;

  display: block;

  margin-right: 20px;

}



.b-a .b-b .b-e .b-f .b-f-l .img2 {

  float: left;

  display: none;

  margin-right: 20px;

}



.b-a .b-b .b-e .b-f .b-f-r {

  font-size: 16px;

  margin-right: 15px;

  color: #999999;

}



.b-a .b-b .b-e .b-f:hover .img1 {

  display: none;

}



.b-a .b-b .b-e .b-f:hover .img2 {

  display: block;

}



.b-a .b-b .b-e .b-f:hover .b-f-l .text {

  color: #d82128;

}



.b-a .b-b .b-e .b-f:hover .b-f-r {

  color: #d82128;

}



.b-a .b-g .link {

  position: relative;

  width: 269px;

  height: 390px;

  background: #191b20;

}



.b-a .b-g .link .link-a {

  position: absolute;

  top: -22px;

  left: 20px;

  width: 230px;

  height: 163px;

  background: url(../images/6.jpg);

}



.b-a .b-g .link .link-a .link-a1 {

  margin: 20px 0 0 27px;

  width: 80px;

  text-align: center;

  cursor: pointer;

}



.b-a .b-g .link .link-a .link-a1:hover img {

  transform: translateZ(30px) scale(1.5);

}



.b-a .b-g .link .link-a .link-a1 p {

  font-size: 18px;

  margin-top: 15px;

  color: #fdebdb;

}



.b-a .b-g .link .link-a .link-a2 {

  margin: 16px 0 0 30px;

  width: 80px;

  text-align: center;

  cursor: pointer;

}



.b-a .b-g .link .link-a .link-a2:hover img {

  transform: translateZ(30px) scale(1.5);

}



.b-a .b-g .link .link-a .link-a2 p {

  font-size: 18px;

  margin-top: 15px;

  color: #fdebdb;

}



.b-a .b-g .link .link-ba {

  display: block;

  position: absolute;

  top: 60px;

  left: 0;

  width: 242px;

  height: 300px;

  padding-left: 27px;

  background: url("../images/6.png");

}



.b-a .b-g .link .link-ba .link-b1 {

  display: block;

  width: 210px;

  height: 46px;

  line-height: 46px;

  margin-top: 40px;

  text-align: center;

  background-color: #dcaf6e;

  opacity: 1;

  border-radius: 3px;

  font-size: 16px;

  color: #ffffff;

}



.b-a .b-g .link .link-ba .link-b1:hover {

  background: #4d6474;

}



.b-a .b-g .link .link-ba .text a {

  font-size: 14px;

  line-height: 40px;

  margin-right: 10px;

  color: #cccccc;

}



.b-a .b-g .link .link-ba .link-b2 {

  display: block;

  width: 210px;

  height: 46px;

  line-height: 46px;

  text-align: center;

  background-color: #dcaf6e;

  opacity: 1;

  border-radius: 3px;

  font-size: 16px;

  color: #ffffff;

}



.b-a .b-g .link .link-ba .link-b2:hover {

  background: #4d6474;

}



.b-a .b-g .link .link-ba .link-b3 {

  display: block;

  width: 210px;

  height: 46px;

  line-height: 46px;

  text-align: center;

  opacity: 1;

  border-radius: 3px;

  font-size: 14px;

  color: #ffffff;

}



.b-a .b-g .link .link-ba .link-b4 {

  display: block;

  width: 210px;

  margin-top: 15px;

  text-align: center;

  opacity: 1;

  border-radius: 3px;

  font-size: 14px;

  color: #ffffff;

}



.b-a .b-g .link .link-ba .link-b5 {

  color: #fff;

  font-size: 16px;

  margin-right: 30px;

}



.b-a .b-g .link .link-bb {

  display: none;

  position: absolute;

  top: 60px;

  left: 0;

  width: 242px;

  height: 300px;

  padding-left: 27px;

  background: url("../images/6.png");

}



.b-a .b-g .link .link-bb .texts {

  width: 210px;

  text-align: center;

  margin-top: 55px;

  margin-bottom: 40px;

  font-size: 18px;

  color: #fff;

}



.b-a .b-g .link .link-bb .link-b1 {

  display: block;

  width: 210px;

  height: 46px;

  line-height: 46px;

  margin-top: 40px;

  margin-bottom: 10px;

  text-align: center;

  background-color: #dcaf6e;

  opacity: 1;

  border-radius: 3px;

  font-size: 16px;

  color: #ffffff;

}



.b-a .b-g .link .link-bb .link-b1:hover {

  background: #4d6474;

}



.b-a .b-g .link .link-bb .text a {

  font-size: 14px;

  line-height: 40px;

  margin-right: 10px;

  color: #cccccc;

}



.b-a .b-g .link .link-bb .link-b2 {

  display: block;

  width: 210px;

  height: 46px;

  line-height: 46px;

  text-align: center;

  background-color: #dcaf6e;

  opacity: 1;

  border-radius: 3px;

  font-size: 16px;

  color: #ffffff;

}



.b-a .b-g .link .link-bb .link-b2:hover {

  background: #4d6474;

}



.b-a .b-g .link .link-bb .link-b3 {

  display: block;

  width: 210px;

  height: 46px;

  line-height: 46px;

  text-align: center;

  opacity: 1;

  border-radius: 3px;

  font-size: 14px;

  color: #ffffff;

}



.b-a .b-g .link .link-bb .link-b4 {

  display: block;

  width: 210px;

  margin-top: 15px;

  text-align: center;

  opacity: 1;

  border-radius: 3px;

  font-size: 14px;

  color: #ffffff;

}



.b-a .b-g .link .link-bb .link-b5 {

  color: #fff;

  font-size: 16px;

  margin-right: 30px;

}



/* 业务品类 */

.c-a {

  width: 100%;

  padding: 50px 0;

  background: url(../images/7.jpg);

  background-position: 100% 100%;

  margin-bottom: 48px;

}



.c-a .c-b {

  margin-bottom: 30px;

}



.c-a .c-b .c-b1 .p1 {

  width: 6px;

  height: 26px;

  background-color: #d82128;

}



.c-a .c-b .c-b1 .p2 {

  font-size: 24px;

  margin: 0 22px;

  color: #333333;

}



.c-a .c-b .c-b1 .p3 {

  margin-top: 5px;

  font-size: 18px;

  color: #333333;

}



.c-a .c-b .c-b1 .p3 span {

  padding: 8px 5px;

  line-height: 26px;

  border-radius: 50%;

  font-size: 18px;

  color: #ffffff;

  background-color: #d82128;

}



.c-a .c-b .c-b2 {

  font-size: 24px;

  color: #ffffff;

}



.c-a .c-b .c-b2 .text {

  height: 40px;

  position: relative;

  margin: 0 47px 0 26px;

  cursor: pointer;

}



.c-a .c-b .c-b2 .active:after {

  content: "";

  position: absolute;

  left: 25%;

  bottom: 0;

  width: 50px;

  height: 4px;

  background-color: #ffffff;

}



.c-a .c-c {

  position: relative;

}



.c-a .c-c>img {

  width: 800px;

  height: 500px;

}



.c-a .c-c .text {

  position: absolute;

  top: 67px;

  left: 640px;

  width: 558px;

  height: 360px;

  box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.15);

  border-radius: 40px 0px 40px 0px;

  background: url("../images/18.png");

}



.c-a .c-c .text .text1 {

  width: 186px;

  height: 100px;

  text-align: center;

  margin-top: 62px;

}



.c-a .c-c .text .text1 img {

  transform: scale(1.001);

  transition: all 0.5s ease 0s;

}



.c-a .c-c .text .text1 p {

  height: 50px;

  font-size: 18px;

  line-height: 50px;

  color: #ffffff;

}



.c-a .c-c .text .text1:hover img {

  transform: scale(1.151);

  transition: all 0.5s ease 0s;

}



.c-a .c-c .text .text2 {

  width: 186px;

  margin-top: 62px;

  text-align: center;

}



.c-a .c-c .text .text2 img {

  transform: scale(1.001);

  transition: all 0.5s ease 0s;

}



.c-a .c-c .text .text2 p {

  height: 50px;

  font-size: 18px;

  line-height: 50px;

  color: #ffffff;

}



.c-a .c-c .text .text2:hover img {

  transform: scale(1.151);

  transition: all 0.5s ease 0s;

}



/* 招聘信息  */

.d-a {

  margin-bottom: 50px;

}



.d-a .d-b {

  margin-right: 30px;

}



.d-a .d-b .d-b1 {

  margin-bottom: 32px;

}



.d-a .d-b .d-b1 .box {

  width: 6px;

  height: 26px;

  background-color: #d82128;

  margin-right: 20px;

}



.d-a .d-b .d-b1 .text {

  font-size: 24px;

  color: #333333;

}



.d-a .d-b .d-b2 {

  width: 580px;

  height: 320px;

  background: url("../images/9.jpg");

}



.d-a .d-b .d-b2 .b-b2a {

  width: 100px;

  text-align: center;

  margin: 100px 0 0 120px;

}



.d-a .d-b .d-b2 .b-b2a img {

  transform: scale(1.001);

  transition: all 0.5s ease 0s;

}



.d-a .d-b .d-b2 .b-b2a p {

  font-size: 22px;

  color: #333333;

  margin-top: 17px;

}



.d-a .d-b .d-b2 .b-b2a:hover img {

  transform: scale(1.151);

  transition: all 0.5s ease 0s;

}



.d-a .d-c {

  width: 585px;
font-size: 0;
}



.d-a .d-c .d-b1 {

  margin-bottom: 32px;

  width: 580px;

}



.d-a .d-c .d-b1 .box {

  width: 6px;

  height: 26px;

  background-color: #d82128;

  margin-right: 20px;

}



.d-a .d-c .d-b1 .text {

  font-size: 24px;

  color: #333333;

}



.d-a .d-c .d-b1 .text2 {

  font-size: 18px;

  margin-top: 9px;

  color: #d82128;

}


.d-a .d-c1{display: inline-block;vertical-align: top;}
.d-a .d-c .d-c2 {
font-size: 0;
  display: block; 
  width: 288px;  
  height: 160px;
  line-height: 160px;
  border: 1px solid #eeeeee;

}



.d-a .d-c .d-c2 img {

  margin-left: 38px;
  margin-right: 25px;

  display: inline-block;
  vertical-align: middle;
 max-width:60px;
 max-height: 60px;
text-align: center;
  transform: scale(1.001);

  transition: all 0.5s ease 0s;

}



.d-a .d-c .d-c2 span {
display: inline-block;vertical-align: middle;
width: 160px;
line-height: 1.5;
  font-size: 18px;

  color: #333333;

}



.d-a .d-c .d-c2:hover img {

  transform: scale(1.151);

  transition: all 0.5s ease 0s;

}



/* 个人金融业务轮播图 */

.slick1 .item {

  width: 100%;

  overflow: hidden;

  height: calc(100vh - 120px);

  position: relative;

}



.slick1 .item>img {

  width: 100%;

}



.slick1 .item .text {

  width: 1240px;

  position: absolute;

  top: 31.8%;

  left: 55px;

  right: 0;

  margin-left: auto;

  margin-right: auto;

}





.slick1 .item .text .text1 {

  font-size: 60px;

  color: #fefefe;

  margin-bottom: 32px;

}



.slick1 .item .text .text2 {

  font-size: 26px;

  margin-bottom: 88px;

  color: #ffffff;

}



.slick1 .item .text .text3 {

  width: 450px;

}



.slick1 .item .text .text3 .text3-item {

  width: 50%;

  height: 50px;

  float: left;

}



.slick1 .item .text .text3 .text3-item img {

  display: inline-block;

  margin-right: 20px;

  margin-bottom: 8px;

}



.slick1 .item .text .text3 .text3-item span {

  font-size: 18px;

  color: #ffffff;

}



.slick1 .slick-arrow {

  position: absolute;

  width: 50px;

  height: 50px;

  top: 50%;

  margin-top: -50px;

  background-repeat: no-repeat;

  background-position: center center;

  font-size: 0;

  border: none;



  cursor: pointer;

  z-index: 10;

}



.slick1 .slick-prev {

  left: 10px;

  background-color: rgba(0, 0, 0, 0);

  background-image: url(../images/icon-left-a.png);

  background-size: 50px 50px;

  opacity: .5;

}



.slick1 .slick-next {

  right: 10px;

  background-color: rgba(0, 0, 0, 0);

  background-image: url(../images/icon-right-a.png);

  background-size: 50px 50px;

  opacity: .5;

}





.slick1 .slick-disabled {

  opacity: 1;

}



/* 电子银行 */

.e-a .e-b {

  position: relative;

}



.e-a .e-b>img {

  width: 100%;

}



.e-a .e-b .e-c {

  position: absolute;

  top: 33%;

  left: 57.1%;

}



.e-a .e-b .e-c .e-c1 {

  margin-bottom: 20px;

}



.e-a .e-b .e-c .e-c1 .box {

  width: 6px;

  height: 30px;

  background-color: #d82128;

  margin-right: 25px;

}



.e-a .e-b .e-c .e-c1 .text {

  font-size: 40px;

  color: #d82128;

}



.e-a .e-b .e-c .e-c2 {

  margin-bottom: 64px;

  margin-left: 25px;

  font-size: 20px;

  color: #999999;

}



.e-a .e-b .e-c .e-c3 {

  max-width: 760px;

  margin-left: 25px;

}



.e-a .e-b .e-c .e-c3 a {

  display: block;

  float: left;

  margin-bottom: 18px;

  margin-right: 50px;

  font-size: 20px;

  color: #333333;

}



.e-a .e-b .e-c .e-c3 a img {

  margin-right: 15px;

}



.e-a .e-b .e-c .e-c3 a:hover {

  color: #d82128;

}



.e-a .e-d {

  position: relative;

}



.e-a .e-d>img {

  width: 100%;

}



.e-a .e-d .e-c {

  position: absolute;

  top: 37.7%;

  left: 18.8%;

}



.e-a .e-d .e-c .e-c1 {

  margin-bottom: 20px;

}



.e-a .e-d .e-c .e-c1 .box {

  width: 6px;

  height: 30px;

  background-color: #d82128;

  margin-right: 25px;

}



.e-a .e-d .e-c .e-c1 .text {

  font-size: 40px;

  color: #d82128;

}



.e-a .e-d .e-c .e-c2 {

  margin-bottom: 64px;

  margin-left: 25px;

  font-size: 20px;

  color: #999999;

}



.e-a .e-d .e-c .e-c3 {

  max-width: 760px;

  margin-left: 25px;

}



.e-a .e-d .e-c .e-c3 a {

  display: block;

  float: left;

  margin-bottom: 18px;

  margin-right: 50px;

  font-size: 20px;

  color: #333333;

}



.e-a .e-d .e-c .e-c3 a img {

  margin-right: 15px;

}



.e-a .e-d .e-c .e-c3 a:hover {

  color: #d82128;

}



/* 关于我们 */

.g-a .g-b {

  position: relative;

  width: 100%;

}



.g-a .g-b>img {

  width: 100%;

}



.g-a .g-b .text {

  width: 1200px;

  position: absolute;

  top: 40.5%;

  left: 0;

  right: 0;

  margin-left: auto;

  margin-right: auto;

}



.g-a .g-b .text .text1 {

  font-size: 50px;

  margin-bottom: 25px;

  color: #ffffff;

}



.g-a .g-b .text .text2 {

  font-size: 26px;

  color: #ffffff;

}



.g-a .g-c {

  width: 100%;

  height: 68px;

  padding-top: 42px;

  margin-bottom: 48px;

  border-bottom: 1px solid #eeeeee;

}



.g-a .g-c .g-c-l {

  float: left;

}



.g-a .g-c .g-c-l .img1 {

  margin-right: 15px;

}



.g-a .g-c .g-c-l .img2 {

  margin: 0 8px;

}



.g-a .g-c .g-c-l a {

  color: #999999;

  font-size: 16px;

}



.g-a .g-c .g-c-l .active {

  color: #333333;

}



.g-a .g-c .g-c-r {

  float: right;

}



.g-a .g-c .g-c-r .g-c-item {

  float: left;

  height: 70px;

  font-size: 18px;

  color: #333333;

  margin-left: 40px;

  cursor: pointer;

}



.g-a .g-c .g-c-r .active {

  position: relative;

  color: #d82128;

}



.g-a .g-c .g-c-r .active:after {

  content: "";

  position: absolute;

  left: 25%;

  bottom: 0;

  width: 40px;

  height: 4px;

  background-color: #d82128;

}



.g-a .g-d {

  margin-bottom: 60px;

}



.g-a .g-d .g-e {

  font-size: 50px;

  color: #333333;

  margin-bottom: 40px;

}



.g-a .g-d .g-f {

  font-size: 18px;

  color: #333333;

  line-height: 40px;

  margin-bottom: 63px;

}



.g-a .g-d .g-h {

  margin-top: 30px;

}



.g-a .g-d .g-h .img1 {

  width: 490px;

  height: 368px;

}



.g-a .g-d .g-h .img2 {

  width: 710px;

  height: 368px;

}



/* 联系我们 */

.i-a .i-b {

  position: relative;

  width: 100%;

}



.i-a .i-b>img {

  width: 100%;

}



.i-a .i-b .text {

  width: 1200px;

  position: absolute;

  top: 40.5%;

  left: 0;

  right: 0;

  margin-left: auto;

  margin-right: auto;

}



.i-a .i-b .text .text1 {

  font-size: 50px;

  margin-bottom: 25px;

  color: #d82128;

}



.i-a .i-b .text .text2 {

  font-size: 26px;

  color: #ffffff;

}



.i-a .i-c {

  width: 100%;

  height: 68px;

  padding-top: 42px;

  margin-bottom: 48px;

  border-bottom: 1px solid #eeeeee;

}



.i-a .i-c .g-c-l {

  float: left;

}



.i-a .i-c .g-c-l .img1 {

  margin-right: 15px;

}



.i-a .i-c .g-c-l .img2 {

  margin: 0 8px;

}



.i-a .i-c .g-c-l a {

  color: #999999;

  font-size: 16px;

}



.i-a .i-c .g-c-l .active {

  color: #333333;

}



.i-a .i-c .g-c-r {

  float: right;

}



.i-a .i-c .g-c-r .g-c-item {

  float: left;

  height: 70px;

  font-size: 18px;

  color: #333333;

  margin-left: 40px;

  cursor: pointer;

}



.i-a .i-c .g-c-r .active {

  position: relative;

  color: #d82128;

}



.i-a .i-c .g-c-r .active:after {

  content: "";

  position: absolute;

  left: 25%;

  bottom: 0;

  width: 40px;

  height: 4px;

  background-color: #d82128;

}



.i-a .i-d {

  margin-bottom: 34px;

}



.i-a .i-d .box {

  width: 6px;

  height: 26px;

  margin-right: 20px;

  background-color: #d82128;

}



.i-a .i-d .text {

  font-size: 30px;

  color: #333333;

}



.i-a .i-e {

  width: 100%;

}



.i-a .i-e .w1 {

  width: 1202px;

  margin: 0 auto;

}



.i-a .i-e .map {

  height: 500px;

  border: solid 1px rgba(221, 221, 221, 0.53);

}



.i-a .i-e .text {

  width: 1202px;

  height: 100px;

  line-height: 100px;

  text-align: center;

  background-color: #ffffff;

  margin-bottom: 95px;

  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.05);

}



.i-a .i-e .text .span1 {

  margin-left: 20px;

  font-size: 18px;

  color: #333333;

}



.i-a .i-e .text .span2 {

  font-size: 22px;

  color: #d82128;

}



/* 人才招聘 */

/* 招聘新闻 */

.j-a .j-b {

  position: relative;

  width: 100%;

}



.j-a .j-b>img {

  width: 100%;

}



.j-a .j-b .text {

  width: 1200px;

  position: absolute;

  top: 40.5%;

  left: 0;

  right: 0;

  margin-left: auto;

  margin-right: auto;

}



.j-a .j-b .text .text1 {

  font-size: 50px;

  margin-bottom: 25px;

  color: #d03536;

}



.j-a .j-b .text .text2 {

  font-size: 26px;

  color: #ffffff;

}



.j-a .j-c {

  width: 100%;

  height: 68px;

  padding-top: 42px;

  margin-bottom: 48px;

  border-bottom: 1px solid #eeeeee;

}



.j-a .j-c .g-c-l {

  float: left;

}



.j-a .j-c .g-c-l .img1 {

  margin-right: 15px;

}



.j-a .j-c .g-c-l .img2 {

  margin: 0 8px;

}



.j-a .j-c .g-c-l a {

  color: #999999;

  font-size: 16px;

}



.j-a .j-c .g-c-l .active {

  color: #333333;

}



.j-a .j-c .g-c-r {

  float: right;

}



.j-a .j-c .g-c-r .g-c-item {

  float: left;

  height: 70px;

  font-size: 18px;

  color: #333333;

  margin-left: 40px;

  cursor: pointer;

}



.j-a .j-c .g-c-r .active {

  position: relative;

  color: #d82128;

}



.j-a .j-c .g-c-r .active:after {

  content: "";

  position: absolute;

  left: 25%;

  bottom: 0;

  width: 40px;

  height: 4px;

  background-color: #d82128;

}



.j-a .j-d {

  position: relative;

  height: 60px;

  line-height: 60px;

  overflow: hidden;

  padding: 0 30px 0 20px;

  margin-bottom: 68px;

  background-color: #fafafa;

  border: solid 1px #eeeeee;

}



.j-a .j-d .announcement-a {

  position: relative;

  width: 91px;

  height: 34px;

  line-height: 34px;

  text-align: center;

  font-size: 16px;

  color: #ffffff;

  margin-top: 13px;

  margin-right: 24px;

  background-color: #d82128;

  border-radius: 3px;

}



.j-a .j-d .announcement-a span {

  position: absolute;

  top: 50%;

  right: -8px;

  width: 0;

  height: 0;

  margin-top: -4px;

  border-top: 4px solid transparent;

  border-right: 4px solid transparent;

  border-bottom: 4px solid transparent;

  border-left: 4px solid #d82128;

}



.j-a .j-d .announcement-b {

  width: 760px;

  font-size: 16px;

  color: #333333;

}



.j-a .j-d .announcement-b:hover {

  color: #d82128;

}



.j-a .j-d .announcement-c {

  font-size: 16px;

  color: #999999;

}



.j-a .j-d .announcement-d {

  position: absolute;

  top: 0;

  right: 66px;

  font-size: 16px;

  color: #333333;

  margin-right: 18px;

}



.j-a .j-d .announcement-d:hover {

  color: #d82128;

}



.j-a .j-d .announcement-e {

  position: absolute;

  top: 0;

  right: 24px;

  cursor: pointer;

  font-size: 12px;

  color: #999999;

}



.j-a .j-e {

  font-size: 40px;

  margin-bottom: 28px;

  color: #333333;

}



.j-a .j-f {

  margin-bottom: 30px;

}



.j-a .j-f .j-f1 {

  float: left;

  width: 120px;

  height: 41px;

  line-height: 41px;

  text-align: center;

  margin-right: 16px;

  background-color: #767676;

  border-radius: 20px;

  font-size: 14px;

  color: #ffffff;

  cursor: pointer;

}



.j-a .j-f .j-f1:hover {

  background-color: #d92129;

}



.j-a .j-f .active {

  background-color: #d92129;

}



.jj-a {

  float: right;

}



.jj-a .jj-b {

  float: left;

  padding: 0 10px;

  width: 120px;

  height: 41px;

  line-height: 41px;

  text-align: center;

  margin-right: 16px;

  background-color: #767676;

  border-radius: 20px;

  font-size: 14px;

  color: #ffffff;

  cursor: pointer;

}



.jj-a .jj-b:hover {

  background-color: #d92129;

}



.jj-a .jj-c {

  float: left;

  width: 120px;

  height: 41px;

  padding: 0 10px;

  line-height: 41px;

  text-align: center;

  margin-right: 16px;

  background-color: #767676;

  border-radius: 20px;

  font-size: 14px;

  color: #ffffff;

  cursor: pointer;

}



.jj-a .jj-c:hover {

  background-color: #d92129;

}



.j-a .j-g {

  width: 1285px;

  height: 80px;

  background-color: #333333;

  padding: 30px 0 0 15px;

  margin-bottom: 26px;

}



.j-a .j-g select {

  float: left;

  display: block;

  width: 190px;

  height: 54px;

  line-height: 54px;

  color: #666666;

  background-color: #ffffff;

  margin-left: 13px;

}



.j-a .j-g>.button {

  width: 140px;

  height: 54px;

  line-height: 54px;

  background-color: #d03536;

  cursor: pointer;

}



.j-a .j-g>.button img {

  margin: 0 13px 0 20px;

  width: 24px;

  height: 24px;

}



.j-a .j-g>.button span {

  font-size: 16px;

  color: #ffffff;

}



.j-a .j-h {

  width: 1150px;

  height: 64px;

  line-height: 64px;

  background-color: #f8f8f8;

  border-radius: 2px;

  border: solid 1px #eeeeee;

  margin-bottom: 16px;

  padding: 0 20px 0 30px;

}



.j-a .j-h .j-h1 {

  font-size: 24px;

  color: #333333;

}



.j-a .j-h .j-h2 {

  font-size: 14px;

  color: #999999;

}



.j-a .j-h .j-h2 span {

  font-size: 18px;

  color: #d03536;

}



.j-a .j-i {

  height: 80px;

  line-height: 80px;

  background-color: #f5f5f5;

  padding-left: 30px;

}



.j-a .j-i .j-i1 {

  float: left;

  width: 30%;

  font-size: 18px;

  color: #333333;

}



.j-a .j-i .j-i2 {

  float: left;

  width: 14%;

  font-size: 18px;

  color: #333333;

}



.j-a .j-i .j-i2:nth-child(3) {

  width: 25%;

}



.j-a .j-j {

  margin-bottom: 40px;

}



.j-a .j-j .j-j1 {

  position: relative;

  height: 80px;

  height: 80px;

  line-height: 80px;

  background-color: #fff;

  padding-left: 30px;

  cursor: pointer;

}



.j-a .j-j .j-j1 .j-i1 {

  float: left;

  width: 30%;

  font-size: 16px;

  color: #666666;

}



.j-a .j-j .j-j1 .j-i2 {

  float: left;

  width: 14%;

  height: 80px;

  font-size: 16px;

  color: #666666;

}



.j-a .j-j .j-j1 .j-i2:nth-child(2) {

  text-indent: 20px;

}



.j-a .j-j .j-j1 .j-i2:nth-child(4) {

  text-indent: 30px;

}



.j-a .j-j .j-j1 .j-i2:nth-child(3) {

  width: 25%;

}



.j-a .j-j .j-j1 img {

  position: absolute;

  top: 35px;

  right: 37px;

  margin-left: 54px;

}



.j-a .j-j .j-j1 .img1 {

  display: block;

}



.j-a .j-j .j-j1 .img2 {

  display: none;

}



.j-a .j-j .j-j1b {

  background-color: #f5f5f5;

}



.j-a .j-j .j-j2 {

  background-color: #f5f5f5;

}



.j-a .j-j .j-j3 {

  display: none;

  padding-left: 22px;

}



.j-a .j-j .j-j3 .item1 {

  margin-top: 38px;

  margin-bottom: 40px;

}



.j-a .j-j .j-j3 .item1 .item1-l {

  width: 100%;

}



.j-a .j-j .j-j3 .item1 .item1-l h4 {

  font-size: 18px;

  color: #333333;

  margin-bottom: 25px;

}



.j-a .j-j .j-j3 .item1 .item1-l p {

  font-size: 16px;

  line-height: 38px;

  color: #666666;

}



.j-a .j-j .j-j3 .item2 {

  margin-bottom: 30px;

}



.j-a .j-j .j-j3 .item2 p {

  font-size: 18px;

  line-height: 40px;

  color: #333333;

}



.j-a .j-j .j-j3 .item2 span {

  font-size: 16px;

  color: #666666;

  margin-right: 25px;

}



.j-a .j-j .j-j3 .item2 span i {

  font-size: 20px;

  color: #333333;

}



.j-a .j-j .j-j3 .item3 .a1 {

  display: block;

  width: 110px;

  height: 41px;

  line-height: 41px;

  text-align: center;

  margin-right: 2px;

  font-size: 14px;

  color: #ffffff;

  background-color: #d03536;

}



.j-a .j-j .j-j3 .item3 .a2 {

  display: block;

  width: 41px;

  height: 41px;

  line-height: 41px;

  text-align: center;

  background-color: #d03536;

}



.j-a .j-j .active .j-j1 {

  border-bottom: 2px dashed #dcdcdc;

  opacity: 0.5;

}



.j-a .j-j .active .img1 {

  display: none;

}



.j-a .j-j .active .img2 {

  display: block;

}



.j-a .j-j .active .j-j3 {

  display: block;

}





/* 投资理财*/

.k-a .k-b {

  position: relative;

  width: 100%;

}



.k-a .k-b>img {

  width: 100%;

}



.k-a .k-b .text-box {

  width: 1200px;

  position: absolute;

  top: 37.1%;

  left: 0;

  right: 0;

  margin-left: auto;

  margin-right: auto;

}



.k-a .k-b .text-box .text {

  width: 380px;

  height: 125px;

  padding: 35px 0 0 40px;

  background-color: rgba(0, 0, 0, 0.2);

}



.k-a .k-b .text-box .text .text1 {

  font-size: 50px;

  margin-bottom: 25px;

  color: #ffffff;

  opacity: 1;

}



.k-a .k-b .text-box .text .text2 {

  font-size: 26px;

  color: #ffffff;

  opacity: 1;

}



.k-a .k-c {

  width: 100%;

  height: 68px;

  padding-top: 42px;

  margin-bottom: 48px;

  border-bottom: 1px solid #eeeeee;

}



.k-a .k-c .g-c-l {

  float: left;

}



.k-a .k-c .g-c-l .img1 {

  margin-right: 15px;

}



.k-a .k-c .g-c-l .img2 {

  margin: 0 8px;

}



.k-a .k-c .g-c-l a {

  color: #999999;

  font-size: 16px;

}



.k-a .k-c .g-c-l .active {

  color: #333333;

}



.k-a .k-c .g-c-r {

  float: right;

}



.k-a .k-c .g-c-r .g-c-item {

  float: left;

  height: 70px;

  font-size: 18px;

  color: #333333;

  margin-left: 40px;

  cursor: pointer;

}



.k-a .k-c .g-c-r .active {

  position: relative;

  color: #d82128;

}



.k-a .k-c .g-c-r .active:after {

  content: "";

  position: absolute;

  left: 25%;

  bottom: 0;

  width: 40px;

  height: 4px;

  background-color: #d82128;

}



.k-a .k-d {

  margin-bottom: 40px;

}



.k-a .k-d .box {

  width: 6px;

  height: 26px;

  margin-right: 23px;

  margin-top: 4px;

  background-color: #d82128;

}



.k-a .k-d .p {

  font-size: 36px;

  margin-right: 35px;

  color: #333333;

  cursor: pointer;

}



.k-a .k-e {

  margin-bottom: 35px;

}



.k-a .k-e .k-el .k-el1 {

  width: 120px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  margin-right: 18px;

  border-radius: 20px;

  font-size: 14px;

  color: #fff;

  background: #767676;

  cursor: pointer;

}



.k-a .k-e .k-el .active {

  background: #d82128;

}



.k-a .k-e .k-er {

  width: 661px;

  height: 44px;

  background-color: #ffffff;

  border-radius: 22px;

  border: solid 1px #d4d4d4;

}



.k-a .k-e .k-er input {

  outline: none;

  border: none;

  width: 550px;

  height: 38px;

  font-size: 14px;

  color: #666666;

  line-height: 38px;

  margin: 3px 0 0 28px;

}



.k-a .k-e .k-er .img {

  cursor: pointer;

  width: 38px;

  height: 38px;

  line-height: 30px;

  text-align: center;

  border-radius: 50%;

  margin-top: 3px;

  background: #767676;

}



.k-a .k-e .k-er .img:hover {

  background: #d82128;

}



.k-a .w1 {

  width: 1200px;

  margin: 0 auto;

}



.k-a .k-f .k-f1 {

  display: block;

  height: 70px;

  margin-bottom: 18px;

  padding-top: 50px;

  border: 1px solid #eeeeee;

}



.k-a .k-f .k-f1 .img {

  float: left;

  margin: 0 25px 0 35px;

}



.k-a .k-f .k-f1 span {

  float: left;

  font-size: 20px;

  margin-top: -3px;

  color: #333333;

}



.k-a .k-f .k-f1 .img1 {

  float: right;

  margin-right: 40px;

  display: block;

}



.k-a .k-f .k-f1 .img2 {

  float: right;

  margin-right: 40px;

  display: none;

}



.k-a .k-f .k-f1:hover {

  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);

}



.k-a .k-f .k-f1:hover span {

  color: #d03536;

}



.k-a .k-f .k-f1:hover .img1 {

  display: none;

}



.k-a .k-f .k-f1:hover .img2 {

  display: block;

}







/* 投资理财-详细页*/

.o-a .o-b {

  position: relative;

  width: 100%;

}



.o-a .o-b>img {

  width: 100%;

}



.o-a .o-b .text-box {

  width: 1200px;

  position: absolute;

  top: 37.1%;

  left: 0;

  right: 0;

  margin-left: auto;

  margin-right: auto;

}



.o-a .o-b .text-box .text {

  width: 380px;

  height: 125px;

  padding: 35px 0 0 40px;

  background-color: rgba(0, 0, 0, 0.2);

}



.o-a .o-b .text-box .text .text1 {

  font-size: 50px;

  margin-bottom: 25px;

  color: #ffffff;

}



.o-a .o-b .text-box .text .text2 {

  font-size: 26px;

  color: #ffffff;

}



.o-a .o-c {

  position: relative;

  width: 100%;

  height: 68px;

  padding-top: 42px;

  margin-bottom: 48px;

  border-bottom: 1px solid #eeeeee;

}



.o-a .o-c .g-c-l {

  float: left;

}



.o-a .o-c .g-c-l .img1 {

  margin-right: 15px;

}



.o-a .o-c .g-c-l .img2 {

  margin: 0 8px;

}



.o-a .o-c .g-c-l a {

  color: #999999;

  font-size: 16px;

}



.o-a .o-c .g-c-l .active {

  color: #333333;

}



.o-a .o-c .g-c-r {

  float: right;

}



.o-a .o-c .g-c-r .g-c-item {

  float: left;

  height: 70px;

  font-size: 18px;

  color: #333333;

  margin-left: 40px;

  cursor: pointer;

}



.o-a .o-c .g-c-r .active {

  position: relative;

  color: #d82128;

}



.o-a .o-c .g-c-r .active:after {

  content: "";

  position: absolute;

  left: 25%;

  bottom: 0;

  width: 40px;

  height: 4px;

  background-color: #d82128;

}



.o-a .o-d {

  width: 1200px;

  height: 90px;

  margin-bottom: 48px;

  font-size: 50px;

  color: #333333;

  border-bottom: 1px dashed #999;

}



.o-a .o-e {

  padding-right: 16px;

  margin-bottom: 10px;

  font-size: 16px;

  line-height: 36px;

  text-indent: 2em;

  color: #444444;

}



.o-a .o-f p {

  font-size: 16px;

  margin-bottom: 30px;

}



.o-a .o-f .text {

  width: 708px;

  height: 191px;

  margin: 0 auto;

  margin-bottom: 42px;

  border: 1px solid #000;

}



.o-a .o-f .text .text1 .item {

  width: 140px;

  height: 27px;

  line-height: 27px;

  text-align: center;

  font-size: 16px;

  color: #303030;

  border: 1px solid #000;

}



.o-a .o-f .text .text1 .item4 {

  height: 44px;

  line-height: 44px;

}



.o-a .o-f .text .text2 .item {

  width: 220px;

  height: 27px;

  line-height: 27px;

  text-align: center;

  font-size: 16px;

  color: #303030;

  border: 1px solid #000;

}



.o-a .o-f .text .text2 .item4 {

  height: 44px;

  line-height: 44px;

}



.o-a .o-f .text .text3 .item {

  width: 140px;

  height: 27px;

  line-height: 27px;

  text-align: center;

  font-size: 16px;

  color: #303030;

  border: 1px solid #000;

}



.o-a .o-f .text .text3 .item4 {

  height: 44px;

  line-height: 44px;

}



.o-a .o-f .text .text4 .item {

  width: 200px;

  height: 27px;

  line-height: 27px;

  text-align: center;

  font-size: 16px;

  color: #303030;

  border: 1px solid #000;

}



.o-a .o-f .text .text4 .item4 {

  height: 44px;

  line-height: 22px;

}



.o-a .o-g {

  padding-right: 16px;

  font-size: 16px;

  line-height: 36px;

  margin-bottom: 30px;

  text-indent: 2em;

  color: #444444;

}



.o-a .o-h {

  padding-right: 16px;

  margin-bottom: 10px;

  font-size: 16px;

  line-height: 36px;

  text-indent: 2em;

  color: #444444;

}



.o-a .o-i {

  width: 710px;

  height: 215px;

  margin: 0 auto;

  margin-top: 35px;

  border: 1px solid #000;

}



.o-a .o-i .o-i-l {

  width: 185px;

}



.o-a .o-i .o-i-l .item1 {

  height: 110px;

  text-align: center;

  line-height: 110px;

  border: 1px solid #000;

}



.o-a .o-i .o-i-l .item2 {

  height: 70px;

  text-align: center;

  line-height: 70px;

  border: 1px solid #000;

}



.o-a .o-i .o-i-l .item3 {

  height: 30px;

  text-align: center;

  line-height: 30px;

  border: 1px solid #000;

}



.o-a .o-i .o-i-r {

  width: 525px;

}



.o-a .o-i .o-i-r .item1 .item {

  float: left;

  width: 260px;

  height: 35px;

  line-height: 35px;

  text-align: center;

  border: 1px solid #000;

}



.o-a .o-i .o-i-r .item2 {

  height: 35px;

  line-height: 35px;

  text-align: center;

  border: 1px solid #000;

}



.o-a .o-i .o-i-r .item3 .item {

  float: left;

  width: 260px;

  height: 35px;

  line-height: 35px;

  text-align: center;

  border: 1px solid #000;

}



.o-a .o-i .o-i-r .item4 {

  height: 35px;

  line-height: 35px;

  text-align: center;

  border: 1px solid #000;

}



.o-a .o-k {

  margin-top: 80px;

  margin-bottom: 120px;

}



.o-a .o-k p {

  font-size: 16px;

  line-height: 36px;

  color: #444444;

}



/* 下载中心 */

.p-a .k-b {

  position: relative;

  width: 100%;

}



.p-a .k-b>img {

  width: 100%;

}



.p-a .k-b .text-box {

  width: 1200px;

  position: absolute;

  top: 37.1%;

  left: 0;

  right: 0;

  margin-left: auto;

  margin-right: auto;

}



.p-a .k-b .text-box .text {

  width: 380px;

  height: 125px;

  padding: 35px 0 0 40px;

  background-color: rgba(0, 0, 0, 0.2);

}



.p-a .k-b .text-box .text .text1 {

  font-size: 50px;

  margin-bottom: 25px;

  color: #ffffff;

  opacity: 1;

}



.p-a .k-b .text-box .text .text2 {

  font-size: 26px;

  color: #ffffff;

  opacity: 1;

}



.p-a .k-c {

  width: 100%;

  height: 68px;

  padding-top: 42px;

  margin-bottom: 48px;

  border-bottom: 1px solid #eeeeee;

}



.p-a .k-c .g-c-l {

  float: left;

}



.p-a .k-c .g-c-l .img1 {

  margin-right: 15px;

}



.p-a .k-c .g-c-l .img2 {

  margin: 0 8px;

}



.p-a .k-c .g-c-l a {

  color: #999999;

  font-size: 16px;

}



.p-a .k-c .g-c-l .active {

  color: #333333;

}



.p-a .k-c .g-c-r {

  float: right;

}



.p-a .k-c .g-c-r .g-c-item {

  float: left;

  height: 70px;

  font-size: 18px;

  color: #333333;

  margin-left: 40px;

  cursor: pointer;

}



.p-a .k-c .g-c-r .active {

  position: relative;

  color: #d82128;

}



.p-a .k-c .g-c-r .active:after {

  content: "";

  position: absolute;

  left: 25%;

  bottom: 0;

  width: 40px;

  height: 4px;

  background-color: #d82128;

}



.p-a .k-d {

  margin-bottom: 40px;

}



.p-a .k-d .box {

  width: 6px;

  height: 26px;

  margin-right: 23px;

  margin-top: 4px;

  background-color: #d82128;

}



.p-a .k-d .p {

  font-size: 36px;

  margin-right: 35px;

  color: #333333;

  cursor: pointer;

}



.p-a .w1 {

  width: 1200px;

  margin: 0 auto;

}



.p-a .k-f {

  margin-bottom: 38px;

}



.p-a .k-f .k-f1 {

  display: block;

  height: 60px;

  padding-top: 45px;

  border-bottom: 2px solid #f4f4f4;

}



.p-a .k-f .k-f1 .img {

  float: left;

  margin: 0 25px 0 35px;

}



.p-a .k-f .k-f1 span {

  float: left;

  font-size: 16px;

  margin-top: -3px;

  color: #333333;

}



.p-a .k-f .k-f1 .img1 {

  float: right;

  margin-top: -20px;

  margin-right: 40px;

  display: block;

}



.p-a .k-f .k-f1 .img2 {

  float: right;

  margin-top: -20px;

  margin-right: 40px;

  display: none;

}



.p-a .k-f .k-f1:hover {

  background-color: #f4f4f4;

}



.p-a .k-f .k-f1:hover span {

  color: #d03536;

}



.p-a .k-f .k-f1:hover .img1 {

  display: none;

}



.p-a .k-f .k-f1:hover .img2 {

  display: block;

}





/*汇和-新闻*/

.q-a .q-b {

  position: relative;

  width: 100%;

}



.q-a .q-b>img {

  width: 100%;

}



.q-a .q-b .text-box {

  width: 1200px;

  position: absolute;

  top: 30%;

  left: 0;

  right: 0;

  margin-left: auto;

  margin-right: auto;

}



.q-a .q-b .text-box .text {

  width: 380px;

  height: 125px;

  padding: 35px 0 0 40px;

}



.q-a .q-b .text-box .text .text1 {

  font-size: 50px;

  margin-bottom: 25px;

  color: #ffffff;

  opacity: 1;

}



.q-a .q-b .text-box .text .text2 {

  font-size: 26px;

  color: #ffffff;

  opacity: 1;

}



.q-a .q-c {

  width: 100%;

  height: 68px;

  padding-top: 42px;

  margin-bottom: 48px;

  border-bottom: 1px solid #eeeeee;

}



.q-a .q-c .g-c-l {

  float: left;

}



.q-a .q-c .g-c-l .img1 {

  margin-right: 15px;

}



.q-a .q-c .g-c-l .img2 {

  margin: 0 8px;

}



.q-a .q-c .g-c-l a {

  color: #999999;

  font-size: 16px;

}



.q-a .q-c .g-c-l .active {

  color: #333333;

}



.q-a .q-c .g-c-r {

  float: right;

}



.q-a .q-c .g-c-r .g-c-item {

  float: left;

  height: 70px;

  font-size: 18px;

  color: #333333;

  margin-left: 40px;

  cursor: pointer;

}



.q-a .q-c .g-c-r .active {

  position: relative;

  color: #d82128;

}



.q-a .q-c .g-c-r .active:after {

  content: "";

  position: absolute;

  left: 25%;

  bottom: 0;

  width: 40px;

  height: 4px;

  background-color: #d82128;

}



.q-a .q-d {

  margin-bottom: 40px;

}



.q-a .q-d .box {

  width: 6px;

  height: 26px;

  margin-right: 23px;

  margin-top: 4px;

  background-color: #d82128;

}



.q-a .q-d .p {

  font-size: 36px;

  margin-right: 35px;

  color: #333333;

  cursor: pointer;

}



.q-a .w1 {

  width: 1200px;

  margin: 0 auto;

}



.q-a .q-f {

  margin-bottom: 30px;

}



.q-a .q-f .k-f1 {

  display: block;

  height: 125px;

  margin-bottom: 18px;

  padding-top: 35px;

  border: 1px solid #eeeeee;

}



.q-a .q-f .k-f1 .box1:after {

  content: ".";

  display: block;

  height: 0;

  clear: both;

  visibility: hidden;

  line-height: 0;

  font-size: 0;

}



.q-a .q-f .k-f1 .img {

  float: left;

  margin: 0 25px 0 35px;

}



.q-a .q-f .k-f1 span {

  float: left;

  font-size: 20px;

  margin-top: -3px;

  color: #333333;

}



.q-a .q-f .k-f1 .img1 {

  float: right;

  margin-right: 40px;

  display: block;

}



.q-a .q-f .k-f1 .img2 {

  float: right;

  margin-right: 40px;

  display: none;

}



.q-a .q-f .text {

  width: 825px;

  font-size: 16px;

  line-height: 30px;

  margin: 23px 0 0 35px;

  color: #999999;

}



.q-a .q-f .time {

  font-size: 16px;

  color: #999999;

  margin-left: 110px;

}



.q-a .q-f .k-f1:hover {

  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);

}



.q-a .q-f .k-f1:hover span {

  color: #d03536;

}



.q-a .q-f .k-f1:hover .img1 {

  display: none;

}



.q-a .q-f .k-f1:hover .img2 {

  display: block;

}





/*新闻-详细页*/

.r-a .r-b {

  position: relative;

  width: 100%;

}



.r-a .r-b>img {

  width: 100%;

}



.r-a .r-b .text-box {

  width: 1200px;

  position: absolute;

  top: 30%;

  left: 0;

  right: 0;

  margin-left: auto;

  margin-right: auto;

}



.r-a .r-b .text-box .text {

  width: 380px;

  height: 125px;

  padding: 35px 0 0 40px;

}



.r-a .r-b .text-box .text .text1 {

  font-size: 50px;

  margin-bottom: 25px;

  color: #ffffff;

  opacity: 1;

}



.r-a .r-b .text-box .text .text2 {

  font-size: 26px;

  color: #ffffff;

  opacity: 1;

}



.r-a .r-c {

  width: 100%;

  height: 68px;

  padding-top: 42px;

  margin-bottom: 57px;

  border-bottom: 1px solid #eeeeee;

}



.r-a .r-c .g-c-l {

  float: left;

}



.r-a .r-c .g-c-l .img1 {

  margin-right: 15px;

}



.r-a .r-c .g-c-l .img2 {

  margin: 0 8px;

}



.r-a .r-c .g-c-l a {

  color: #999999;

  font-size: 16px;

}



.r-a .r-c .g-c-l .active {

  color: #333333;

}



.r-a .r-c .g-c-r {

  float: right;

}



.r-a .r-c .g-c-r .g-c-item {

  float: left;

  height: 70px;

  font-size: 18px;

  color: #333333;

  margin-left: 40px;

  cursor: pointer;

}



.r-a .r-c .g-c-r .active {

  position: relative;

  color: #d82128;

}



.r-a .r-c .g-c-r .active:after {

  content: "";

  position: absolute;

  left: 25%;

  bottom: 0;

  width: 40px;

  height: 4px;

  background-color: #d82128;

}



.r-a .r-d {

  font-size: 35px;

  width: 100%;

  text-align: center;

  color: #333333;

}



.r-a .r-e {

  height: 50px;

  margin-bottom: 50px;

  border-bottom: 1px dashed #666666;

}



.r-a .r-e span {

  font-size: 15px;

  color: #666666;

}



.r-a .r-e .span2 {

  margin-left: 20px;

}



.r-a .r-e .span3 {

  margin-left: 150px;

}



.r-a .r-e img {

  margin-left: 20px;

}



.r-a .r-f {

  border-bottom: 1px dashed #666666;

  margin-bottom: 53px;

}



.r-a .r-f p {

  font-size: 16px;

  line-height: 36px;

  margin-bottom: 20px;

  color: #444444;

}



.r-a .r-f .img {

  width: 1200px;

  height: 500px;

  margin-bottom: 26px;

}



.r-a .r-f .title {

  font-size: 18px;

  margin-bottom: 20px;

  line-height: 36px;

  color: #333333;

}



.r-a .r-h {

  margin-bottom: 100px;

}



.r-a .r-h .r-h-l .item {

  display: block;

  font-size: 18px;

  line-height: 32px;

  color: #444444;

}



.r-a .r-h .r-h-l .item:hover {

  color: #d03536;

}



.r-a .r-h .r-h-r {

  display: block;

  width: 160px;

  height: 48px;

  line-height: 48px;

  text-align: center;

  background-color: #333333;

  border-radius: 2px;

}



.r-a .r-h .r-h-r span {

  font-size: 16px;

  margin-left: 20px;

  color: #f4f4f4;

}



.r-a .r-h .r-h-r:hover {

  background: #d03536;

}



/*直销银行*/

.s-a .s-b {

  position: relative;

  width: 100%;

}



.s-a .s-b>img {

  width: 100%;

}



.s-a .s-b .text-box {

  width: 1200px;

  position: absolute;

  top: 30%;

  left: 0;

  right: 0;

  margin-left: auto;

  margin-right: auto;

}



.s-a .s-b .text-box .text {

  width: 380px;

  height: 125px;

  padding: 35px 0 0 40px;

}



.s-a .s-b .text-box .text .text1 {

  font-size: 50px;

  margin-bottom: 25px;

  color: #d82128;

  opacity: 1;

}



.s-a .s-b .text-box .text .text2 {

  font-size: 26px;

  color: #444444;

  opacity: 1;

}



.s-a .s-c {

  width: 100%;

  height: 68px;

  padding-top: 42px;

  margin-bottom: 57px;

  border-bottom: 1px solid #eeeeee;

}



.s-a .s-c .g-c-l {

  float: left;

}



.s-a .s-c .g-c-l .img1 {

  margin-right: 15px;

}



.s-a .s-c .g-c-l .img2 {

  margin: 0 8px;

}



.s-a .s-c .g-c-l a {

  color: #999999;

  font-size: 16px;

}



.s-a .s-c .g-c-l .active {

  color: #333333;

}



.s-a .s-c .g-c-r {

  float: right;

}



.s-a .s-c .g-c-r .g-c-item {

  float: left;

  height: 70px;

  font-size: 18px;

  color: #333333;

  margin-left: 40px;

  cursor: pointer;

}



.s-a .s-c .g-c-r .active {

  position: relative;

  color: #d82128;

}



.s-a .s-c .g-c-r .active:after {

  content: "";

  position: absolute;

  left: 25%;

  bottom: 0;

  width: 40px;

  height: 4px;

  background-color: #d82128;

}



.s-a .s-d {

  margin-bottom: 44px;

}



.s-a .s-d .box {

  width: 6px;

  height: 26px;

  margin-right: 23px;

  margin-top: 4px;

  background-color: #d82128;

}



.s-a .s-d .p {

  font-size: 40px;

  margin-right: 35px;

  color: #333333;

}



.s-a .s-e p {

  font-size: 20px;

  margin-bottom: 35px;

  color: #333333;

}



.s-a .s-f {

  position: relative;

}



.s-a .s-f .item {

  margin-bottom: 66px;

  cursor: pointer;

}



.s-a .s-f .item .img {

  float: left;

  width: 52px;

  height: 52px;

  border-radius: 50%;

  line-height: 52px;

  text-align: center;

  background-color: #d82128;

  font-size: 26px;

  color: #ffffff;

}



.s-a .s-f .item .text {

  float: left;

  width: 1112px;

  font-size: 18px;

  line-height: 30px;

  margin-left: 20px;

  color: #333333;

}



.s-a .s-f .item .img1 {

  position: absolute;

  display: none;

  top: -55px;

  right: 0;

}



.s-a .s-f .item .img2 {

  position: absolute;

  display: none;

  top: -55px;

  right: 0;

}



.s-a .s-f .item2:hover .img1 {

  display: block;

}



.s-a .s-f .item3:hover .img2 {

  display: block;

}



.s-a .s-f .item2 {

  height: 66px;

  line-height: 66px;

  margin-bottom: 66px;

}



.s-a .s-f .item2 .img {

  float: left;

  width: 52px;

  height: 52px;

  border-radius: 50%;

  line-height: 52px;

  text-align: center;

  background-color: #d82128;

  font-size: 26px;

  color: #ffffff;

}



.s-a .s-f .item2 .text {

  float: left;

  width: 1112px;

  font-size: 18px;

  margin-left: 20px;

  color: #333333;

}



.s-a .s-f .imgs {

  height: 1372px;

  position: absolute;

  top: 60px;

  left: 26px;

  z-index: -1;

}



.s-a .s-f .imgs img {

  height: 100%;

}



/* 汇和网点分布图 */

.z-a {

  margin-bottom: 70px;

  position: relative;

  padding-bottom: 600px;

}



.z-a .item .text {

  cursor: pointer;

  font-size: 18px;

  line-height: 50px;

  margin-left: 10px;

  color: #333333;

}



.z-a .item .text .span1 {

  display: inline-block;

  width: 280px;

}



.z-a .item .text .span2 {

  display: inline-block;

  width: 340px;

}



.z-a .item .text .span3 {

  display: inline-block;

}



.z-a .img1 {

  display: none;

  position: absolute;

  top: 0;

  right: 0;

}



.z-a .img1>img {

  width: 600px;

  height: 600px;

}



.z-a .item:hover .img1 {

  display: block;

}











/* 分页 */

.paging {

  width: 100%;

  height: 50px;

  margin-bottom: 72px;

  margin-top: 20px;

  /* text-align: center; */

  position: relative;

}



.paging .pagings {

  width: 700px;

  height: 50px;

  margin: 0 auto;

  text-align: center;

  overflow: hidden;



}



/* .paging .pagings {

  position: absolute;

  top: 0;

  left: 50% !important;

  -webkit-transform: translate(-50%, 0);

  -moz-transform: translate(-50%,0);

  -ms-transform: translate(-50%, 0);

  -o-transform: translate(-50%, 0);

} */



/* .paging .pagings:after {

  content: ".";

  display: block;

  height: 0;

  clear: both;

  visibility: hidden;

  line-height: 0;

  font-size: 0;

} */

.paging .pagings .button1,

.paging .pagings .button2,

.paging .pagings .button3 {

  float: none !important;

  display: inline-block;

}



.paging .pagings .button1 a {

  display: inline-block;

  width: 80px;

  height: 48px;

  line-height: 48px;

  margin-right: 10px;

  margin-bottom: 10px;

  text-align: center;

  background-color: #ffffff;

  border: solid 1px #dbdbdb;

  font-size: 14px;

  color: #777777;

  cursor: pointer;

}



.paging .pagings .button2 a {

  display: inline-block;

  width: 90px;

  height: 48px;

  margin-bottom: 10px;

  line-height: 48px;

  margin-right: 10px;

  text-align: center;

  background-color: #ffffff;

  border: solid 1px #dbdbdb;

  font-size: 14px;

  color: #777777;

  cursor: pointer;

}



.paging .pagings .button3 a {

  display: inline-block;

  width: 48px;

  height: 48px;

  margin-bottom: 10px;

  line-height: 48px;

  margin-right: 10px;

  text-align: center;

  background-color: #ffffff;

  border: solid 1px #dbdbdb;

  font-size: 14px;

  color: #777777;

  cursor: pointer;

}





.paging .pagings .button1:hover a,

.paging .pagings .button2:hover a,

.paging .pagings .button3:hover a {

  background-color: #333333;

  color: #fff;

}



.paging .pagings .active a {

  background-color: #333333;

  color: #fff;


}

.a-ba {
  width: 100%;
  margin-bottom: 30px;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.a-bb {
  width: 1200px;
  margin: 0 auto;
  height: 610px;
  position: relative;
}

.a-bb video {
  width: 100%;
  height: 100%;
}

.a-bc {
  position: absolute;
  bottom: 80px;
  left: 0;
  width: 100%;
  transform: scale(0);
  transition: all .8s;
}

.a-bc.active {
  transform: scale(1);
  transition: all .8s;
}

.a-bc img {
  width: 100%;
}

/* 2021-11-12 */

.xa-a{width: 100%;padding: 50px 0 80px ;}
.xa-form{width: 100%;}
.xa-b{width: 1200px;margin: 0 auto;}
.xa-top{width: 640px;margin: 0 auto;padding: 30px 50px 20px;border: 1px solid #e2e2e2;background: #f4f9fd;}
.xa-item{width: 100%; font-size: 0;  width: 458px;height: 40px;border: 1px solid #e0e3e6;border-radius: 3px;margin-bottom: 12px;background: #fff;}
.xa-tip{display: inline-block;vertical-align: middle;width: 118px;text-align: center;height: 40px;font-size: 13px; color: #fff; line-height: 40px;background: #d40000;border-radius: 2px 0 0 2px;}
.xa-c{display: inline-block;vertical-align: middle;width: 340px;}
.xa-d{border: none;background-color: transparent; width: 100%;height: 40px;line-height: 40px;font-size: 13px;padding: 0 15px; border-radius: 2px;    color: #000;}
.xa-button{width: 458px;text-align: center;}
.xa-submit{ display: inline-block;border: none;cursor: pointer;color: #fff;    font-size: 14px;line-height: 40px;height: 40px; width: 106px;border-radius: 3px;background: #d40000;}

.xa-cont{width:100%; padding: 30px 0 30px;}
.xa-titles{background: #d40000;color: #fff;  width: 100%;text-align: center;  font-size: 14px; line-height: 40px; height: 40px;}
.result_tab{width: 100%;text-align: center;border: none;border-bottom: 1px solid #d5d5d5;}
.result_tab tr{border: none;}
.result_tab{line-height: 1.5;}
.result_tab tr td {font-size: 12px;word-break: break-all; border: 1px solid #d5d5d5; background: #f5f5f5;padding: 6px 8px;border-top: none;border-bottom: none}
.result_tab tr td a {cursor: pointer;color: #006ab9;text-decoration: none}
.result_tab tr td a:hover {color: #349ce8} 
.result_tab .thead td {color: #000;background: #dcdcdc;padding: 8px;border: 1px solid #dcdcdc;border-right: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9}
.result_tab  tr:nth-child(2n)   td {background: #fff}



.xa-form .select-w{box-sizing: border-box;display: inline-block;vertical-align: top;width: 100%; position: relative;padding-right: 30px;padding-left: 12px;white-space:nowrap}
.xa-form .select-w .cur{width: 100%;display: inline-block;vertical-align: top;height: 40px;line-height: 40px;font-size: 13px;    color: #000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.xa-form .select-w select{cursor: pointer; position: absolute;width: 100%;height: 100%;padding-left: 15px;left: 0;top: 0;z-index: 2;opacity: 0;filter: alpha(opacity=0);}
.xa-form .select-w:after{display: inline-block;content: "";border-left: 5px solid transparent;border-top: 5px solid #666;border-right: 5px solid transparent;position: absolute;right: 13px;top: 20px;z-index: 1;}


.xb-a{display: none;position: fixed;z-index: 188;left: 0;top: 0;height: 100%; width: 100%;background-color: rgba(0,0,0,.8);}
.xb-a.show{display: block;}
.xb-b{width: 800px;position: absolute;top: 50%;left: 50%;padding: 30px; transform: translate(-50%,-50%);background-color: #fff;border: 1px solid #dcdcdc;}
.xb-close{position: absolute;top: -20px;right: -20px;z-index: 18;cursor: pointer; font-size: 18px;color: #fff; width: 40px;height: 40px;line-height: 40px;text-align: center; border-radius: 50%;background-color: #d40000; }
.xb-cont{width: 100%;}
.xb-textbox{width: 100%;}
.xb-textbox table{width: 100%;}
.xb-textbox table tr{width: 100%;background: #f5f5f5;}
.xb-textbox table tr:nth-child(2n){width: 100%;background: #fff;}
.xb-textbox table td{width: 25%;  font-size: 12px;line-height: 1.5;padding: 10px 30px;  color: #333;border: 1px solid #dcdcdc;}
.xb-textbox table td:nth-child(2n){width: 65%;}
.xb-textbox table td:nth-child(1){    background: #dcdcdc;}
.xb-textbox table   tr:nth-child(2n) td:nth-child(1){ background: #f8f8f8;}